<html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- jQuery -->
    <script type="text/javascript" src="../../js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>

    <!-- Bootstrap -->
    <link href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <style type="text/css">
        th{
            text-align: center;
        }
        td{
            text-align: center;
        }

        .row-margin-top {
            margin-top: 10px;
        }

    </style>




</head>
<body>
<!--页面主体-->
<div class="container-fluid">
    <!--导航栏-->
    <div class="row row-margin-top">

        <div class="col-md-6 col-md-offset-2">
            <div class = "row">
                <div class="col-md-4 col-md-offset-5">
                    <h1>座位管理</h1>
                </div>
            </div>


            <div class="row row-margin-top">
                <table id="seat_table" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>演出厅编号</th>
                        <th>演出厅名称</th>
                        <th>管理座位</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>

        </div>
    </div>

    <div class="row row-margin-top">
        <!-- 分页条信息 -->
        <div id="page_nav" class="col-md-4 col-md-offset-4">
        </div>
    </div>
    <!-- 显示分页信息 -->
    <div class="row row-margin-top">
        <!--分页文字信息  -->
        <div id="page_info" class="col-md-4 col-md-offset-4">
        </div>
    </div>
</div>
</body>
</html>